﻿<!DOCTYPE html>
<html>
  <head>
    <title>消息—订单消息</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/消息—订单消息/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/消息—订单消息/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u15096" class="ax_default _形状">
        <div id="u15096_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15097" class="ax_default _形状">
        <div id="u15097_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15098" class="ax_default _文本段落">
        <div id="u15098_div" class=""></div>
        <div id="u15098_text" class="text ">
          <p><span>司机到达上车地：“司机已到达上车地点，请您前往上车地点乘车，祝您旅途愉快”</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15099" class="ax_default label">
        <div id="u15099_div" class=""></div>
        <div id="u15099_text" class="text ">
          <p><span>07月25日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15100" class="ax_default label">
        <div id="u15100_div" class=""></div>
        <div id="u15100_text" class="text ">
          <p><span>07月23日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15101" class="ax_default box_3">
        <div id="u15101_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u15102" class="ax_default" data-left="107" data-top="100" data-width="360" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u15103" class="ax_default" data-left="107" data-top="108" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u15104" class="ax_default _形状">
            <img id="u15104_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u15105" class="ax_default _形状">
            <img id="u15105_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u15106" class="ax_default _形状">
            <img id="u15106_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u15107" class="ax_default _形状">
            <img id="u15107_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u15108" class="ax_default _形状">
            <img id="u15108_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u15109" class="ax_default _文本段落">
          <div id="u15109_div" class=""></div>
          <div id="u15109_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u15110" class="ax_default _文本段落">
          <div id="u15110_div" class=""></div>
          <div id="u15110_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u15111" class="ax_default" data-left="437" data-top="106" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u15112" class="ax_default _形状">
            <div id="u15112_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u15113" class="ax_default _形状">
            <div id="u15113_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u15114" class="ax_default _形状">
            <div id="u15114_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u15115" class="ax_default" data-left="107" data-top="107" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u15116" class="ax_default _形状">
            <img id="u15116_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u15117" class="ax_default _形状">
            <img id="u15117_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u15118" class="ax_default _形状">
            <img id="u15118_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u15119" class="ax_default _形状">
            <img id="u15119_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u15120" class="ax_default _形状">
            <img id="u15120_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u15121" class="ax_default _文本段落">
          <div id="u15121_div" class=""></div>
          <div id="u15121_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u15122" class="ax_default _文本段落">
          <div id="u15122_div" class=""></div>
          <div id="u15122_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u15123" class="ax_default" data-left="437" data-top="105" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u15124" class="ax_default _形状">
            <div id="u15124_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u15125" class="ax_default _形状">
            <div id="u15125_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u15126" class="ax_default _形状">
            <div id="u15126_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15127" class="ax_default _三级标题">
        <div id="u15127_div" class=""></div>
        <div id="u15127_text" class="text ">
          <p><span>消息中心</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u15128" class="ax_default icon">
        <img id="u15128_img" class="img " src="images/实时单流程——首页/u118.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15129" class="ax_default _三级标题">
        <div id="u15129_div" class=""></div>
        <div id="u15129_text" class="text ">
          <p><span>订单消息</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u15130" class="ax_default ellipse">
        <img id="u15130_img" class="img " src="images/行程详情—未结束行程/u14387.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15131" class="ax_default _三级标题">
        <div id="u15131_div" class=""></div>
        <div id="u15131_text" class="text ">
          <p><span>活动消息</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u15132" class="ax_default line">
        <img id="u15132_img" class="img " src="images/余额明细/u14215.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u15133" class="ax_default line">
        <img id="u15133_img" class="img " src="images/行程详情—未结束行程/u14415.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15134" class="ax_default sticky_2">
        <img id="u15134_img" class="img " src="images/消息—订单消息/u15134.png"/>
        <div id="u15134_text" class="text ">
          <p><span><br></span></p><p><span>订单消息列表：</span></p><p><span>1、垂直倒序排列，上划加载更多，列表内容显示区与下方导航条不重叠显示</span></p><p><span>2、单条记录：订单日期+订单相关消息</span></p><p><span>3、数据来源：订单推送消息</span></p><p><span>&nbsp;&nbsp; &nbsp; a. 司机到达上车地：“司机已到达上车地点，请您前往上车地点乘车，祝您旅途愉快”</span></p><p><span>     b. 余额不足以支付：“您账户余额不足以支付本次订单，点击查看详情&gt;&gt;”</span></p><p><span>     c. 订单支付成功（无尾款）：“订单支付成功！”</span></p><p><span>     d. 订单取消产生取消费：”由于司机到达上车地后xx分钟内未联系到您，订单已自动取消且产生取消费，点击查看详情&gt;&gt;”</span></p><p><span>     e. 改派成功：“xx月xx日从aaaaaaaa到bbbbbbbb的订单已由EEEEEEE调整为FFFFFFF”</span></p><p><span>     f. 调账成功：“xx月xx日从aaaaaaaa到bbbbbbbb的订单金额已由CCC元调整为DDD元”</span></p><p><span>     g. 客服后台取消订单：“xx月xx日从aaaaaaaa到bbbbbbbb的订单已由客服人员协助取消”</span></p><p><span>&nbsp;&nbsp; &nbsp; 注意：其中e、f、g后台触发时，无论当前在app任意界面，都触发该弹窗（只触发一次）</span></p><p><span>4、规则：事件发生时逸品出行app在手机后台时进行推送，app在前台不进行推送</span></p><p><span>5、逻辑：点击后页面跳转到对应订单详情页</span></p><p><span>6、注意：若多订单同时下发订单消息，则先创建的订单对应的消息优先显示</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15135" class="ax_default _文本段落">
        <div id="u15135_div" class=""></div>
        <div id="u15135_text" class="text ">
          <p><span>从aaaaaaaa到bbbbbbbb</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u15136" class="ax_default line">
        <img id="u15136_img" class="img " src="images/消息—订单消息/u15136.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15137" class="ax_default _文本段落">
        <div id="u15137_div" class=""></div>
        <div id="u15137_text" class="text ">
          <p><span>余额不足以支付：“您账户余额不足以支付本次订单</span></p><p><span>点击查看详情&gt;&gt;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15138" class="ax_default _文本段落">
        <div id="u15138_div" class=""></div>
        <div id="u15138_text" class="text ">
          <p><span>从aaaaaaaa到bbbbbbbb</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15139" class="ax_default label">
        <div id="u15139_div" class=""></div>
        <div id="u15139_text" class="text ">
          <p><span>07月24日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15140" class="ax_default _文本段落">
        <div id="u15140_div" class=""></div>
        <div id="u15140_text" class="text ">
          <p><span>订单支付成功（无尾款）：“订单支付成功！”</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15141" class="ax_default _文本段落">
        <div id="u15141_div" class=""></div>
        <div id="u15141_text" class="text ">
          <p><span>从aaaaaaaa到bbbbbbbb</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u15142" class="ax_default line">
        <img id="u15142_img" class="img " src="images/消息—订单消息/u15136.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u15143" class="ax_default line">
        <img id="u15143_img" class="img " src="images/消息—订单消息/u15136.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15144" class="ax_default label">
        <div id="u15144_div" class=""></div>
        <div id="u15144_text" class="text ">
          <p><span>07月22日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15145" class="ax_default _文本段落">
        <div id="u15145_div" class=""></div>
        <div id="u15145_text" class="text ">
          <p><span>由于司机到达上车地后xx分钟内未联系到您，订单已自动取消且产生取消费</span></p><p><span>点击查看详情&gt;&gt;”</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15146" class="ax_default _文本段落">
        <div id="u15146_div" class=""></div>
        <div id="u15146_text" class="text ">
          <p><span>从aaaaaaaa到bbbbbbbb</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u15147" class="ax_default line">
        <img id="u15147_img" class="img " src="images/消息—订单消息/u15136.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15148" class="ax_default label">
        <div id="u15148_div" class=""></div>
        <div id="u15148_text" class="text ">
          <p><span>07月21日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15149" class="ax_default _文本段落">
        <div id="u15149_div" class=""></div>
        <div id="u15149_text" class="text ">
          <p><span>改派成功：“xx月xx日从aaaaaaaa到bbbbbbbb的订单已由EEEEEEE调整为FFFFFFF”</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15150" class="ax_default _文本段落">
        <div id="u15150_div" class=""></div>
        <div id="u15150_text" class="text ">
          <p><span>从aaaaaaaa到bbbbbbbb</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u15151" class="ax_default line">
        <img id="u15151_img" class="img " src="images/消息—订单消息/u15136.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15152" class="ax_default label">
        <div id="u15152_div" class=""></div>
        <div id="u15152_text" class="text ">
          <p><span>07月20日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15153" class="ax_default _文本段落">
        <div id="u15153_div" class=""></div>
        <div id="u15153_text" class="text ">
          <p><span>调账成功：“xx月xx日从aaaaaaaa到bbbbbbbb的订单金额已由CCC元调整为DDD元”</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15154" class="ax_default _文本段落">
        <div id="u15154_div" class=""></div>
        <div id="u15154_text" class="text ">
          <p><span>从aaaaaaaa到bbbbbbbb</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
